<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Departments set</title>
    <script src="../user/dist/js/employee.js"></script>
</head>
<body>
<!-- wrapper start -->
<!-- Content Header (Page header) --
<!-- content start -->
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <!-- search-form start -->
            <section class="search-form hidden-print" id="search" style="display: block">
                <div class="box box-primary">
                    <div class="box-body">
                        <div class="row">
                            <div class="col-xs-3">
                                <div class="form-group">
                                    <select id="positionName" name="positionName" class="form-control select2"
                                            style="width: 100%;" data-placeholder="请选择部门">
                                        <option value=""></option>
                                    </select>
                                </div>
                            </div>

                            <div>
                                <button id="queryBtn" class="btn btn-primary my-btn"><i
                                        class="fa fa-search button-in-i"></i>查询
                                </button>
                                <button id="clearBtn" class="btn btn-default my-btn"><i
                                        class="fa fa-trash button-in-i"></i>清空
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- search-form end -->
            <!-- result-table start -->
            <section class="result-table">
                <div class="box">
                    <div class="box-header table-top-button">
                        <div class="col-xs-2">
                            <button type="submit" class="btn btn-info my-btn" id="addBtn"><i
                                    class="fa fa-plus button-in-i"></i>新增(弹出框)
                            </button>
                        </div>
                        <div class="col-xs-10">
                            <button type="submit" class="btn btn-info my-btn" id="addNewBtn"><i
                                    class="fa fa-plus button-in-i"></i>新增(新页面)
                            </button>
                        </div>
                    </div>
                    <div class="grid-table">
                        <table id="grid-table" class="table-striped table-hover"></table>
                        <div id="grid-pager" class="box-footer"></div>
                    </div>
                </div>
            </section>
            <!-- result-table end -->
        </div>
    </div>
</section>

<!-- content end -->
<!--    新建   Modal -->
<div class="modal fade bs-example-modal-lg" id="myModal" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <form id="addform" class="form-horizontal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModeltitle">新建</h4>
                </div>
                <div class="modal-body">
                    <div class="col-xs-8 col-xs-offset-2">
                        <!--  <input  type="hidden" id="id" name="id" value="0" /> -->
                        <div class="form-group">
                            <label for="ename" class="col-sm-2 control-label">部门</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="departmentName" name="departmentName">
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i
                            class="fa fa-close button-in-i"></i>取消
                    </button>
                    <button type="button" class="btn btn-primary" id="employeeSaveBtn"><i
                            class="fa fa-check button-in-i"></i>保存
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<!--    编辑  Modal -->
<div class="modal fade bs-example-modal-lg" id="editmyModal" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <form id="Editform" class="form-horizontal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="modeltitle">编辑</h4>
                </div>
                <div class="modal-body">
                    <div class="col-xs-8 col-xs-offset-2">
                        <div class="form-group">
                            <label for="ename" class="col-sm-2 control-label">ID</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="departmentId" name="departmentId"
                                       readonly="readonly"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="ename" class="col-sm-2 control-label">部门</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="department" name="departmentName"/>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal"><i
                                class="fa fa-close button-in-i"></i>取消
                        </button>
                        <button type="button" class="btn btn-primary" id="departmentEditBtn"><i
                                class="fa fa-check button-in-i"></i>保存
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<!--    设置权限   Modal -->
<div class="modal fade bs-example-modal-lg" id="permissionModal" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="permissionModelTitle">设置权限</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-2" style="width:auto;">
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="content_wrap">
                                    <div class="zTreeDemoBackground left">
                                        <ul id="treeDemo" class="ztree"></ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal"><i
                        class="fa fa-close button-in-i"></i>取消
                </button>
                <button type="button" class="btn btn-primary" id="permissionSaveBtn"><i
                        class="fa fa-check button-in-i"></i>保存
                </button>
            </div>
        </div>
    </div>
</div>
</body>
</html>